﻿@using Kevin.Shop.Business.Service.Entity.Helper
@model  Kevin.Shop.Business.Core.Components.Responser.ServiceResponser
@section title
{
    鲜粉签到簿，礼尚往来
}
@section pagetitle
{
    鲜粉签到簿，礼尚往来
}
@section header
{
    <meta name="viewport" content="target-densitydpi=320,width=640,maximum-scale=1.0,user-scalable=0">
    <style>
        .pageHeaderMini {
            display: none;
        }

        div {
            height: 100%;
        }
    </style>
    <link href="~/Themes/RongJi/Style/point/css/style.css" rel="stylesheet" />
}



<div class="checkin-wrapper">
    <header class="checkin-header hide">
        <img src="~/Themes/RongJi/Style/point/images/aa.jpg" class="weixin-avarta">
        @if (string.IsNullOrEmpty(WebClientContext.Current.CurrentUser.HeadImgUrl))
        {
            <img src="~/Themes/RongJi/Style/base/imgs/default-res-usercenter_head.png" class="weixin-avarta" />
        }
        else
        {
            <img src="@WebClientContext.Current.CurrentUser.HeadImgUrl" class="weixin-avarta" />
        }
        <dl>
            <dt>@WebClientContext.Current.CurrentUser.RealName</dt>
            <dd id="usePoints">积分 @WebClientContext.Current.CurrentUser.Points</dd>
        </dl>
        <div class="checkin-rules">
            <script>
                var d = new Date()
                document.write(d.getDate())
            </script>
        </div>
        <div class="show-rules">查看规则</div>
    </header>
    <div class="lucky-wrapper">
        <div class="ly-plate">
            <div class="rotate-bg"></div>
            <div class="lottery-star"><img src="~/Themes/RongJi/Style/point/images/rotate-static.png" id="lotteryBtn" style="transform: rotate(0deg);"></div>
        </div>
    </div>
</div>
<div class="rules-wrapper">
    <div class="rules">
        <dl>
            <dt>签到说明</dt>
            <dd>&nbsp;&nbsp;&nbsp;&nbsp;签到一次获得1个鲜豆，连续签到7天获得一次抽取礼包机会。中途中断则重新开始计算连续签到天数，每七天一个周期。</dd>
            <dd>&nbsp;&nbsp;&nbsp;&nbsp;鲜豆可以购买商品也可以参加网站活动，福利多多，快快行动吧</dd>
            <dt>签到规则</dt>
            <dd>1. 每签到一次获得1个鲜豆奖励。</dd>
            <dd>2. 连续签到7天获得一次抽取礼包机会。礼包内容：10鲜豆或者5元优惠券。</dd>
            <dd>3. 连续签到7天后重新开始计算连续签到天数。</dd>
        </dl>
        <img src="~/Themes/RongJi/Style/point/images/zhidaole.png" width="130" class="close-tips">
    </div>
</div>
@if (!Model.Status)
{
    <div class="checkin-success-wrapper" style="display:block;background-color: rgba(0,0,0,.5);">
        <div class="checkin-success" style="height:220px;">
            <p id="checkMsg" style="font-size:120%">亲，您太心急了，还不能够开始抽奖，请连续签到7天后再来试试手气吧。</p>
            <img src="~/Themes/RongJi/Style/point/images/zhidaole.png" style="width:40%;" onclick="window.location.href='pointcheckin'">
        </div>
    </div>
}

@section footer
{
    <script type="text/javascript">
        $(function () {

            //让toolbar选中
            var $homeImg = $("#homeImg");
            var $categoryImg = $("#categoryImg");
            var $myaccountImg = $("#myaccountImg");
            var $searchImg = $("#searchImg");
            $homeImg.attr("src", "/Themes/RongJi/Style/base/imgs/f10.png");
            $categoryImg.attr("src", "/Themes/RongJi/Style/base/imgs/f2.png");
            $myaccountImg.attr("src", "/Themes/RongJi/Style/base/imgs/f3_c.png");
            $searchImg.attr("src", "/Themes/RongJi/Style/base/imgs/f4.png");


            $('.show-rules').on('click', function () {
                $('.rules-wrapper').show();
            })

            $('.close-tips').on('click', function () {
                $('.rules-wrapper').hide();
            })


            //分享
            window.config.link = 'http://m.rongji365.com/myaccount/pointcheckin';
            window.config.desc = '鲜粉足迹，签到送礼。品质生活，服务专家。';
            window.config.title = '【鲜粉签到簿，礼尚往来】';
            window.config.imgUrl = 'http://m.rongji365.com/Storage/CommResource/sicon.jpg';
            window.config.img_url = 'http://m.rongji365.com/Storage/CommResource/sicon.jpg';//兼容老微信
        });
    </script>
    <script src="~/Themes/RongJi/Style/point/js/jQueryRotate.2.2.js"></script>
    <script src="~/Themes/RongJi/Style/point/js/jquery.easing.min.js"></script>
    <script src="~/Themes/RongJi/Style/point/js/lucky.js"></script>
}


